// "use client"
// import React, { useState } from 'react';
// import Link from 'next/link';
// import type { Metadata } from "next";
// import { Geist, Geist_Mono } from "next/font/google";
// // import Breadcrumb from '../../app/components/Breadcrumb';
// import Breadcrumb from '../../../component/mbx';
// import {
//   BookOutlined,
//   UserOutlined,
//   VideoCameraOutlined,
//   OrderedListOutlined
// } from '@ant-design/icons';
// import { Button, Layout, Menu, theme, } from 'antd';
// import { link } from 'fs';
// import { useRouter } from 'next/navigation';
// const { Header, Sider, Content } = Layout;
// const geistSans = Geist({
//   variable: "--font-geist-sans",
//   subsets: ["latin"],
// });

// const geistMono = Geist_Mono({
//   variable: "--font-geist-mono",
//   subsets: ["latin"],
// });


// const Home = ({
//   children,
// }: Readonly<{
//   children: React.ReactNode;
// }>) => {
//   const {
//     token: { colorBgContainer, borderRadiusLG },
//   } = theme.useToken();
//   const router = useRouter()

//   const routes = [
//     {
//       key: '/lxt',
//       icon: <UserOutlined />,
//       label: '全部商机',
//     },
//     {
//       key: '/lxt/sj/wdsj',
//       icon: <VideoCameraOutlined />,
//       label: '我的商机',
//     },
//     {
//       key: '/lxt/sj/xssj',
//       icon: <VideoCameraOutlined />,
//       label: '下属商机',
//     },
//     {
//       key: '/lxt/sj/wxzd',
//       icon: <VideoCameraOutlined />,
//       label: '我协作的',
//     },
//     {
//       key: '/lxt/sj/xsxz',
//       icon: <VideoCameraOutlined />,
//       label: '下属协作',
//     },
//     {
//       key: '/lxt/sj/cjsj',
//       icon: <VideoCameraOutlined />,
//       label: '成交商机',
//     }
//   ]


//   return (<>
//     <div>
//       <Layout style={{ height: "100vh" }}>
//         <Sider style={{ background: "#435188" }} collapsed={true}>
//           <div className="demo-logo-vertical" />
//           <Menu
//             theme="dark"
//             mode="inline"
//             style={{ background: "#435188" }}
//             defaultSelectedKeys={['1']}
//             onSelect={(i) => {
//               router.push(i.key)
//             }}
//             items={[
//               {
//                 key: "/fff",
//                 icon: <OrderedListOutlined />,
//                 label: '订单管理',
//               },
//               {
//                 key: "/liyi",
//                 icon: <UserOutlined />,
//                 label: '系统管理',
//               },
//               {
//                 key: "/lxt",
//                 icon: <BookOutlined />,
//                 label: '客服管理',
//               },
//               {
//                 key: "/little_jia",
//                 icon: <UserOutlined />,
//                 label: '账本管理',
//               }
//             ]}
//           />
//         </Sider>

//         <Sider width="150px" style={{ background: "skyblue" }}>
//           <div className="demo-logo-vertical" />
//           李肖彤商机
//           <Menu
//             style={{ background: "skyblue" }}
//             theme="dark"
//             mode="inline"
//             defaultSelectedKeys={['1']}
//             onSelect={(i) => {
//               router.push(i.key)
//             }}
//             items={routes}
//           />
//         </Sider>

//         <Layout>
//           <Header style={{ padding: 0, background: colorBgContainer }}>
//             <Breadcrumb  />
//           </Header>
//           <Content
//             style={{
//               margin: '24px 16px',
//               padding: 24,
//               minHeight: 280,
//               background: colorBgContainer,
//               borderRadius: borderRadiusLG,
//             }}
//           >


//             {children}
//           </Content>
//         </Layout>
//       </Layout>
//     </div>
//   </>
//   );
// };

// export default Home;


'use client'
import React, { useState } from 'react';
import Link from 'next/link';
import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import Breadcrumb from '../../../component/mbx'; // 确保路径正确
import {
  BookOutlined,
  UserOutlined,
  VideoCameraOutlined,
  OrderedListOutlined
} from '@ant-design/icons';
import { Button, Layout, Menu, theme } from 'antd';
import { useRouter } from 'next/navigation';

const { Header, Sider, Content } = Layout;
const geistSans = Geist({
  variable: "--font-geist-sans",
  subsets: ["latin"],
});
const geistMono = Geist_Mono({
  variable: "--font-geist-mono",
  subsets: ["latin"],
});

const Home = ({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) => {
  const {
    token: { colorBgContainer, borderRadiusLG },
  } = theme.useToken();
  const router = useRouter()

  // 假设这里定义完整的路由数组，包含子路由
  const routes = [
    {
      key: '/lxt',
      label: '全部商机',
    },
    {
      key: '/lxt/sj/wdsj',
      label: '我的商机',
    },
    {
      key: '/lxt/sj/xssj',
      label: '下属商机',
    },
    {
      key: '/lxt/sj/wxzd',
      label: '我协作的',
    },
    {
      key: '/lxt/sj/xsxz',
      label: '下属协作',
    },
    {
      key: '/lxt/sj/cjsj',
      label: '成交商机',
    }
  ]
  console.log(routes);
  return (
    <>
      <div>
        <Layout style={{ height: "100vh" }}>
          <Sider style={{ background: "#435188" }} collapsed={true}>
            <div className="demo-logo-vertical" />
            <Menu
              theme="dark"
              mode="inline"
              style={{ background: "#435188" }}
              defaultSelectedKeys={['/lxt']}
              onSelect={(i) => {
                router.push(i.key)
              }}
              items={[
                {
                  key: "/fff",
                  icon: <OrderedListOutlined />,
                  label: '订单管理',
                },
                {
                  key: "/liyi",
                  icon: <UserOutlined />,
                  label: '系统管理',
                },
                {
                  key: "/lxt",
                  icon: <BookOutlined />,
                  label: '商机管理',
                },
                {
                  key: "/little_jia",
                  icon: <UserOutlined />,
                  label: '账本管理',
                }
              ]}
            />
          </Sider>
          <Sider width="150px" style={{ background: "skyblue" }}>
            <div className="demo-logo-vertical" />
            商机管理
            <Menu
              style={{ background: "skyblue" }}
              theme="dark"
              mode="inline"
              defaultSelectedKeys={['/lxt']}
              onSelect={(i) => {
                router.push(i.key)
              }}
              items={routes}
            />
          </Sider>
          <Layout>
            <Header style={{ padding: 0, background: colorBgContainer }}>
              
              
            <Breadcrumb routes={routes} />

            </Header>
            <Content
              style={{
                margin: '24px 16px',
                padding: 24,
                minHeight: 280,
                background: colorBgContainer,
                borderRadius: borderRadiusLG,
              }}
            >
              
              {children}
            </Content>
          </Layout>
        </Layout>
      </div>
    </>
  );
};

export default Home;